<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%
	String contextRoot = request.getContextPath();
%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view>
<!doctype html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!-- Mimic Internet Explorer 7 -->
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,chrome=1">
	
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">	
	<link rel="stylesheet" href="<%=contextRoot%>/css/tipsy.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">

</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Para ver borde redondo en IE -->
<div class="cuerpo">
<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>

<div id="buscador">
<!-- Formulario --> 
<h:form id="moduloDisenoCreateForm">
<!-- Panel de accesos init() -->
<div id="accesos">
<li>
	<a4j:commandLink id="loadModuloDisenoPhoto2" styleClass="linkopaco" title="ARCHIVO ANEXO"				                                   
                   action="#{moduloDisenoController.loadModuloDisenoPhoto}" 
                   rendered="#{moduloDisenoController.moduloDiseno.actualizacionStr eq 'S'}"
                   oncomplete="showUploadFilePopup();">
	 		<h:graphicImage value="/images/iconos/accesos/archivoAnexo.png" />	                    
   </a4j:commandLink>
</li>
</div>
<!-- Panel de accesos end() -->
<h2>
    Regulaci<h:outputText value="#{msg.tilde_o}" />n – Registro Dise<h:outputText value="#{msg.tilde_n}" />o de M<h:outputText value="#{msg.tilde_o}" />dulo: <h:outputText value="#{moduloDisenoController.moduloDiseno.actualizacionStr eq 'N' ? 'NUEVO' : 'EDICION'}" />
</h2>

<span class="left" style="margin-left:0px">
<label>C<h:outputText value="#{msg.tilde_o}" />digo<span class="asterisco"> * </span></label>
	<h:inputText id="codigo" size="4" maxlength="4" styleClass="validate[required,custom[number]]"
				value="#{moduloDisenoController.moduloDiseno.codigo}" />
</span>
<span class="left" style="margin-left:30px">
<label>Material<span class="asterisco"> * </span></label>
 	<h:selectOneMenu id="material" styleClass="validate[required]" 
					value="#{moduloDisenoController.moduloDiseno.idMaterialStr}">
					
        <f:selectItem itemLabel="Seleccione..." itemValue=""/>
        <f:selectItems value="#{masterListCache.moduleMaterialTypeList}"/>
    </h:selectOneMenu>
</span>
<span class="left" style="margin-left:30px">
<label>Estilo<span class="asterisco"> * </span></label>
	<h:inputText id="estilo" size="15" maxlength="20" styleClass="validate[required]" 
				value="#{moduloDisenoController.moduloDiseno.estilo}" />
</span>

<div class="clear" style="margin-left: 400px;"></div>
<br/>

<span class="left" style="margin-left:0px">
<label>Ancho X Largo(Mts)<span class="asterisco"> * </span></label>
	<h:inputText id="anchoLargo" size="15" maxlength="11" styleClass="validate[required] anchoLargo" 
				value="#{moduloDisenoController.moduloDiseno.dimAnchoLargo}" />
</span>
<span class="left" style="margin-left:30px">
<label>Frente X Fondo X Alto(Mts)</label>
	<h:inputText id="frenteFondoAlto" size="15" maxlength="18" styleClass="frenteFondoAlto" 
				value="#{moduloDisenoController.moduloDiseno.dimFrenteFondoAlto}" />
</span>
<span class="left" style="margin-left:30px">
<label>Frente X Fondo X <h:outputText value="#{msg.tilde_A}" />rea(Mts)</label>
	<h:inputText id="frenteFondoArea" size="15" maxlength="18" styleClass="frenteFondoArea" 
				value="#{moduloDisenoController.moduloDiseno.dimFrenteFondoArea}" />
</span>

<div class="clear" style="margin-left: 400px;"></div>
<br/>

<span class="left" style="margin-left:0px">
<label>Plano o Descripci<h:outputText value="#{msg.tilde_o}" />n<span class="asterisco"> * </span></label>
 	<h:inputTextarea id="plano" rows="5" cols="70" styleClass="validate[required]" 
				value="#{moduloDisenoController.moduloDiseno.plano}" />
</span>

<div class="clear" style="margin-left: 400px;"></div>
<br/>

<span class="left" style="margin-left:0px">
<label>Foto Anexo</label>
	<h:outputText id="moduloDisenoFileName" value="#{moduloDisenoController.moduloDiseno.fotoAnexoDiseno}" />
<%-- 	<h:graphicImage id="moduloDisenoNoFile" value="/images/checkList.png" style="border: 0px solid #FFFFFF;" --%>
<%-- 					rendered="#{moduloDisenoController.moduloDiseno.idFotoAnexoDiseno eq '' ? 'true' : 'false'}" /> --%>
<%-- 	<h:graphicImage id="moduloDisenoFile" value="/images/checkList.png" style="border: 0px solid #FFFFFF;" --%>
<%-- 					rendered="#{moduloDisenoController.moduloDiseno.idFotoAnexoDiseno ne '' ? 'true' : 'false'}" /> --%>

</span>

<div class="clear" style="margin-left: 400px;"></div>
<br/>
<div class="clear">(<span class="asterisco"> * </span>) : Campo Obligatorio.</div>
<div class="clear"></div>

<span class="botones right">
	<h:commandButton id="moduloDisenoCreateButton"
				 type="submit" 
                 value="Guardar" 
                 rendered="#{moduloDisenoController.moduloDiseno.actualizacionStr eq 'N'}" 
                 ondblclick="return false;" 
                 styleClass="buscador form button"
                 action="#{moduloDisenoController.create}" >
	</h:commandButton>
	<h:commandButton id="moduloDisenoUpdateButton"
				 type="submit" 
                 value="Actualizar" 
                 rendered="#{moduloDisenoController.moduloDiseno.actualizacionStr eq 'S'}" 
                 ondblclick="return false;" 
                 styleClass="buscador form button"
                 action="#{moduloDisenoController.update}" >
	</h:commandButton>
</span>
</h:form>
</div>
<!-- Fin formulario -->
 
  	<span>
		    <h:form id="cancelManageTypeForm">
			<h:commandButton id="cancelCreateModuloDisennoButton"							 
                             type="submit" 
                             value="Cancelar" 
                             ondblclick="return false;" 
                             action="#{moduloDisenoController.cancelModuloDiseno}" >
            </h:commandButton>
            </h:form>
	</span>
<div class="clear"></div>

<!-- Fin tabla -->
</div>
<div class="abajo-cuerpo"></div> <!-- Para ver borde redondo en IE -->
</div> <!-- Fin contenedor -->
<div class="footer"></div>
	
	<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
	<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
	<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script>
	<script src="<%=contextRoot%>/js/jquery/lib/jquery.tipsy.js" type="text/javascript"></script> <!-- Tooltip -->
	<script src="<%=contextRoot%>/js/sisdep.js"	type="text/javascript"></script>
	
	<script type="text/javascript">
		jQ(document).ready(function() {
			jQ("input, select, input:checkbox, input:radio, input:file").uniform();
			jQ("#moduloDisenoCreateForm").validationEngine('attach');
			jQ("#moduloDisenoCreateForm").bind("jqv.form.result", function(event, errorFound) {
		        if(!errorFound) displayLoadingImage();
		    });
			
			jQ(".anchoLargo").mask("9,?99 X 9,?99");
			jQ(".frenteFondoAlto").mask("9,?99 X 9,?99 X 9,?99");
			jQ(".frenteFondoArea").mask("9,?99 X 9,?99 X 9,?99");

			jQ('#accesos li a').tipsy({gravity: 'n'});
		});
		
		/** Funcion que permite presentar en una ventana independiente popup, la pagina de carga de archivos. */
		function showUploadFilePopup(){
		    window.open('<%= contextRoot %>/pages/popup/uploadFile.jsf', "uploadFilePopup",
		                "toolbar=0,location=0,scrollbars=1,directories=0,status=0,menubar=0,resizable=1,width="+730+",height="+460+",left="+(screen.width-730)/2+",top="+(screen.height-460)/2);
		}
	</script>
	
	<%@ include file="include/validationStatus.jsp" %>
	<%@ include file="include/modalMessageWindow.jsp" %>
		
</body>
</html>
</f:view>
